<html>
<head>
	<title>HTML</title>
	<script src="Downloads/jquery-3.2.0.min.js"></script>
	<style type="text/css">
	a:hover {color:green;}
	li:first-child {color:red;}
	li:last-child {color:blue;}
	li:nth-child(2){color:yellow;}
	a:hover {
		position:relative;
		position:fixed;
		left:10px;
		top:10px;
	}
	#menu_inner {
	float:right;
	margin-right:10px;
	text-align:center;
	}
	#menu_inner ul {
		float:left;
		margin:0;
	}
	#menu_inner ul li {
	list-style:none;
	border-right:1px solid #069;
	border-top:1px solid #069;
	padding:5px;
	float:left;
	position:relative;
	background-color:#bbb;
}
	#menu_inner ul li:first-child {
	border-left:1px solid #069;
}
	#menu_inner ul li ul{
	display: none;
	position:absolute;
	width:3em;
	margin-top:5px;
	margin-left:-50px;
}
	#menu_inner ul li:hover ul{
	display: block;
}
	#menu_inner ul li ul li {
	border-left:1px solid #069;
	width:100%;
}
	#menu_inner ul li ul li:last-child {
	border-bottom:1px solid #069;
}	
	</style>
</head>
<body background="/Users/nanannana/Downloads/20130629220658_vJRHF.thumb.600_0.jpeg">
	<h1>
	<a href="http://www.baidu.com">百度链接</a>
	</h1>
	<div id="menu_inner">
	<ul>
	<li>列表1
	<ul>
	   <li>菜单1</li>
	   <li>菜单2</li>
	   <li>菜单3</li>
	</ul>
	</li>
	<li>列表2</li>
	<li>列表3</li>
	</ul>
	</div>
</body>
</html>
